import classnames from 'classnames'
type Props = {
  type: string
  className?: string
}
const Icon = ({ type, className, ...rest }: Props) => {
  // 渲染一段 SVG 代码，引用 type 对应的 SVG 图标资源
  // 并为该 SVG 元素添加样式类、点击事件监听
  return (
    <svg className={classnames('icon', className)} aria-hidden="true" {...rest}>
      <use xlinkHref={`#${type}`}></use>
    </svg>
  )
}

// 导出组件
export default Icon
